<!DOCTYPE html>
<html>
<head>
    <title>Bootstrap 101 Шаблон</title>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link href="bootstrap/css/cms-css/home.css" rel="stylesheet" media="screen">
    <script src="bootstrap/js/bootstrap.min.js"></script>
</head>

<body>
<div class="navbar navbar-fixed">
    <div class="navbar-inner">
        <div class="container">
            <a class="brand" href="#">Jee Training</a>
            <ul class="nav nav-pills">
                <li><a href="#">Home</a></li>
                <li><a href="#">Syllabus</a></li>
                <li class="dropdown">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#">Videos
                        <b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Item1</a></li>
                        <li><a href="#">Item2</a></li>
                        <li><a href="#">Item3s</a></li>
                    </ul>
                </li>
                <li class="dropdown">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#">Materials
                        <b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Item1</a></li>
                        <li><a href="#">Item2</a></li>
                        <li><a href="#">Item3s</a></li>
                    </ul>
                </li>
                <li class="dropdown">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#">Qize
                        <b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Item1</a></li>
                        <li><a href="#">Item2</a></li>
                        <li><a href="#">Item3s</a></li>
                    </ul>
                </li>
                <li><a href="#">Practicle</a></li>
                <li><a href="#">Start</a></li>
            </ul>
            <div class="dropdown pull-right">
                <div class="btn-group">
                    <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
                        Login
                        <span class="caret"></span>
                    </a>
                    <ul class="dropdown-menu">
                        <li><a href="#"><img src="bootstrap/img/socialicon/google.png" width="20px">
                            &nbsp;&nbsp;Google</a></li>
                        <li><a href="#"><img src="bootstrap/img/socialicon/facebook.png" width="20px">
                            &nbsp;&nbsp;FaceBook</a></li>
                        <li><a href="#"><img src="bootstrap/img/socialicon/vk.png" width="20px">
                            &nbsp;&nbsp;Vkontacte</a></li>
                    </ul>
                </div>
                <button class="btn">Logout</button>
            </div>
        </div>
    </div>
</div>

<div class="container">

    <div class="content">
        <div class="page-header">
            <h3>Week 1
                <small>Some info</small>
            </h3>
        </div>
        <div class="row">
            <div class="span4 pull-left">
                <div class="content_c">
                    <div style="height: inherit; text-align: center">
                        <h5><strong>Course Info</strong></h5>

                        <ul id="sidenav-parent" class="accordion nav nav-department nav-tabs nav-stacked">
                            <li>
                                <a href="department-mathematics.php"><i class="icon-home"></i> Mathematics</a>
                            </li>
                            <li>
                                <a href="#" data-toggle='collapse' data-target='#subnav01'>
                                    <i class="icon-chevron-up pull-right"></i>Programs</a>
                                <ul id="subnav01" class="nav nav-list collapse">
                                    <li><a href="#">Introdutions Item 1</a></li>
                                    <li><a href="#">Introdutions Item 2</a></li>
                                    <li><a href="#">Introdutions Item ...</a></li>
                                </ul>
                            </li>

                            <li>
                                <a href="#" data-toggle='collapse' data-target='#subnav02'>
                                    <i class="icon-chevron-up pull-right"></i>Setting Up Linux</a>
                                <ul id="subnav02" class="nav nav-list collapse red">
                                    <li><a href="#">Setting Up Linux Item 1</a></li>
                                    <li><a href="#">Setting Up Linux Item 2</a></li>
                                    <li><a href="#">Setting Up Linux ...</a></li>
                                </ul>
                            </li>
                        </ul>

                    </div>
                </div>
            </div>
            <div class="span8 pull-right">
                <div class="content_c">
                    <div style="height: inherit; text-align: center">
                        <h5><strong>Featured Events</strong></h5>
                        <iframe width="420" height="315"
                                src="http://www.youtube.com/embed/37Cl0Q4KddM"
                                frameborder="0" allowfullscreen></iframe>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <footer>
        <p>&copy; Company 2011</p>
    </footer>

</div>
</body>
</html>